<script setup>
// ref结合组件使用
import { ref } from 'vue';
import From from './components/Form.vue'
// vue2中组件引入之后 得通过component 注册
// vue3 setup语法糖中可以直接使用 不使用语法糖也得注册

// 1.提供ref变量
const formRef = ref(null)

const clickFn = () => {
  console.log('我是子组件ref', formRef)
  console.log('获取子组件count', formRef.value.count)
  formRef.value.validate()
}
</script>

<template>
  <div>
    <p>我是父组件</p>
    <!-- 2. 绑定ref -->
    <From ref="formRef"></From>
    <button @click="clickFn">我想调用儿子的方法</button>
  </div>
</template>

<style scoped></style>
